<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <!-- helper to construct this is here: https://github.com/cryptix/exp/blob/master/imgesToCSSData/convert.go -->
  <style>
  html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a{background-color:transparent}a:active,a:hover{outline:0}strong{font-weight:700}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}table{border-spacing:0;border-collapse:collapse}td{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}tr{page-break-inside:avoid}.table{border-collapse:collapse!important}.table td{background-color:#fff!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.row{margin-right:-15px;margin-left:-15px}.col-xs-12,.col-xs-2{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-12,.col-xs-2{float:left}.col-xs-12{width:100%}.col-xs-2{width:16.66666667%}table{background-color:transparent}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table{margin-bottom:0}.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child{border-bottom-right-radius:3px}.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.row:after,.row:before{display:table;content:" "}.row:after{clear:both}@-ms-viewport{width:device-width}.ipfs-_blank{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-_page{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-aac{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-ai{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-aiff{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-avi{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-bmp{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-c{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-cpp{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-css{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-dat{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-dmg{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-doc{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-dotx{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-dwg{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-dxf{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-eps{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-exe{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-flv{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-gif{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-h{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-hpp{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-html{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-ics{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-iso{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-java{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-jpg{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-js{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-key{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-less{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-logo{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-mid{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-mp3{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-mp4{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-mpg{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-odf{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-ods{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-odt{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-otp{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-ots{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-ott{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-pdf{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-php{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-png{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-ppt{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-psd{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-py{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-qt{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-rar{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-rb{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-rtf{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-sass{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-scss{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-sql{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-tga{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-tgz{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-tiff{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-txt{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-wav{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-xls{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-xlsx{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-xml{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-yml{background-image:url('');background-repeat:no-repeat;background-size:contain}.ipfs-zip{background-image:url('');background-repeat:no-repeat;background-size:contain}
  .narrow {width: 0px;}
  .padding { margin: 100px;}
  #header {
    background: #000;
  }
  #logo {
    height: 25px;
    margin: 10px;
  }
  .ipfs-icon {
    width:16px;
  }
  </style>
  <title>{{ .Path }}</title>
</head>
<body>
  <div id="header" class="row">
    <div class="col-xs-2">
      <div id="logo" class="ipfs-logo">&nbsp;</div>
    </div>
  </div>
  <br/>
  <div class="col-xs-12">
    <div class="panel panel-default">
      <div class="panel-heading">
        <strong>Index of {{ .Path }}</strong>
      </div>
      <table class="table table-striped">
        <tr>
          <td class="narrow">
            <div class="ipfs-icon ipfs-_blank">&nbsp;</div>
          </td>
          <td class="padding">
            <a href="{{.BackLink | urlEscape}}">..</a>
          </td>
          <td></td>
        </tr>
        {{ range .Listing }}
        <tr>
          <td>
            <div class="ipfs-icon {{iconFromExt .Name}}">&nbsp;</div>
          </td>
          <td>
            <a href="{{ .Path | urlEscape }}">{{ .Name }}</a>
          </td>
          <td>{{ .Size }}</td>
        </tr>
      {{ end }}
      </table>
    </div>
  </div>
</body>
</html>
